<template>
  <div>
    <CloudPagination
      :total="85"
      :show-total="total => `Total ${total} items`"
      :page-size="20"
      :current="current"
      @change="changePage"
    />
    <br />
    <CloudPagination
      :total="85"
      :show-total="(total, range) => `${range[0]}-${range[1]} of ${total} items`"
      :page-size="20"
      :current="current1"
      @change="changePage1"
    />
  </div>
</template>
<script>
export default {
  title: '9.总数',
  data () {
    return {
      current: 1,
      current1: 1,
      pageSize: 20
    }
  },
  methods: {
    changePage(pageNumber) {
      console.log('Page: ', pageNumber);
      this.current = pageNumber
    },
    changePage1(pageNumber) {
      console.log('Page1: ', pageNumber);
      this.current1 = pageNumber
    },
  }
}
</script>
